
// 类式组件

import React from 'react'

// export default class index extends Component {
//     state={count:0}
//     add=()=>{
//         this.setState(state=>({count:state.count+1}))
//     }
//     render() {
//         return (
//             <div>
//                 <h2>当前求和为{this.state.count}</h2>
//                 <button onClick={this.add}>点我加1</button>
//             </div>
//         )
//     }
// }
// 函数式组件
function Demo(){
    const [count,setCount]= React.useState(0)
    // console.log(a,b)
    React.useEffect(()=>{
        // 相当于钩子函数componentDidMount
        setInterval(() => {
            setCount(count+1)   
        }, 1000);
    },[count])
    function add(){
        // console.log('点击按钮')
        setCount(count+1)
    }
    return(
        <div>
        <h2>当前求和为{count}</h2>
        <button onClick={add}>点我加1</button>
        </div>
    )
}
export default Demo